<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>文件</title>
	<style type="text/css">
       a{text-decoration: none;}
       li{list-style:none;}
       #wed ul{
            	margin-left:500px;
            	margin-top: 50px;
             }
       #li a{
       	float: left; 
            }
       #list li{
       	width:100px;
       	height: 50px;
       	float:left;
             }
       #list li p{
       	olor: red;
       	font-size: 12px;
       	margin: 4px;
        }
       

	</style>
	<script type="text/javascript">
		window.onload = function() {
			var Op = document.getElementById("nav");
			var Oli = Op.children;
			for (var i = 0; i<Oli.length;i++);{
				Oli[i].onmouseover = function() {
					var OOul = this.getElementsByTagName("p")[0];
                      OOp.style.display = "block";
				}
 
				Oli[i].onmouseout =function() {
					var OOul = this.getElementsByTagName("p")[0];
                      OOp.style.display = "none";
				}
			}
		}
	</script>
</head>
<body>
 <div id="wed">
 	<ul id="list">
 		<li><a href="#">首页</a></li>
 		<li><a href="#">行业动态</a>
         <p>行业新闻</p>
         <p>行业新闻</p>
         <p>行业新闻</p>
         <p>行业新闻</p>
 		</li>
 		<li><a href="#">企业管理</a>
 		 <p>行业新闻</p>
         <p>行业新闻</p>
         <p>行业新闻</p>
         <p>行业新闻</p>
 		</li>
 	</ul>
 </div>
	
</body>
</html>